$(function() {
	$('#panel').click(function() {
			//$(this).animate({left:"+=500px"},3000);//在当前位置累加500px
			//$(this).animate({left:"500px",height:"200px"},3000);
			if(!$(this).is(":animated")) {//如果元素不处于动画状态，才为元素添加新的动画
				$(this).animate({
					left: "500px"
				}, 3000);
				$(this).animate({
					height: "200px"
				}, 3000)
			}
			
			});

	$('#panel').hover(function() {
			if(!$(this).is(":animated")) {
				$(this).stop()
					.animate({
						heigh: "150",
						width: "300"
					}, 200);
			}
		}, function() {
			if(!$(this).is(":animated")) {
				$(this).stop()
					.animate({
						height: "22",
						width: "60"
					}, 300);
					}
			}); //停止动画练习
});